<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>SLACKERS</title>

    <!-- Framework CSS -->
    <link rel="stylesheet" href="<?php echo base_url()?>assets/css/screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" href="<?php echo base_url()?>assets/css/print.css" type="text/css" media="print">
    <!--[if lt IE 8]><link rel="stylesheet" href="../../blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->

    <!-- Import fancy-type plugin for the sample page. -->
    <link rel="stylesheet" href="<?php echo base_url()?>assets/css/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
	
	<link rel="stylesheet" href="<?php echo base_url()?>assets/css/tabs.css" type="text/css">
	
	<link rel="stylesheet" href="<?php echo base_url()?>assets/css/liteaccordion.css" type="text/css">
	<link rel="stylesheet" href="<?php echo base_url()?>assets/css/shCore.css" type="text/css">
	<link rel="stylesheet" href="<?php echo base_url()?>assets/css/shThemeDefault.css" type="text/css">
	
	<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/css/popeye/jquery.popeye.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/css/popeye/jquery.popeye.style.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/css/accordion.css" />
	
	<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery.tools.min.js"></script>
	
	<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery.validate.js"></script>
	
	
	<!-- <script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.js"></script>-->
	
	
	<script type="text/javascript" src="<?php echo base_url()?>assets/js/liteaccordion.js"></script>
	<script type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.popeye-2.0.4.min.js"></script>
	
	
	<script language="javascript" type="text/javascript" src="<?php echo base_url()?>assets/js/jquery.msAccordion.js"></script>
	
		<!-- load css facebox style -->
	<link rel="stylesheet" href="<?php echo base_url()?>assets/facebox/facebox.css" media="screen" type="text/css"/>

		<!-- Load Jquery dan Facebox plugin -->

	<script src="<?php echo base_url()?>assets/facebox/facebox.js" type="text/javascript"></script>
	
		<!-- Load slideshow lookbook -->
		<script type="text/javascript" src="<?php echo base_url()?>assets/js/slide/jquery-easing-1.3.pack.js"></script>
		<script type="text/javascript" src="<?php echo base_url()?>assets/js/slide/jquery-easing-compatibility.1.2.pack.js"></script>
		<script type="text/javascript" src="<?php echo base_url()?>assets/js/slide/coda-slider.1.1.1.pack.js"></script>
			
		<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/css/slide/style.css" />
		<link rel="stylesheet" href="<?php echo base_url()?>assets/css/style.css" />
		
	
	
			<script type="text/javascript">

		$(document).ready(function(){	
			var first = 0;
			var speed = 700;
			var pause = 8000;
			
				function removeFirst(){
					first = $('ul#ymticker li:first').html();
					$('ul#ymticker li:first')
					.animate({opacity: 0}, speed)
					.fadeOut('slow', function() {$(this).remove();});
					addLast(first);
				}
				
				function addLast(first){
					last = '<li style="display:none">'+first+'</li>';
					$('ul#ymticker').append(last)
					$('ul#ymticker li:last')
					.animate({opacity: 1}, speed)
					.fadeIn('slow')
				}
			
			interval = setInterval(removeFirst, pause);
		});
		</script>
	
</head>
<body class="custom">
<!-- container -->
<div class="container">
<!-- top header -->
<div id="head_top">
	<?php $this->load->view('slak/top_header');?>
</div>
<!-- end of top header -->
<div id="top_nav">

</div>
<!-- top konten --> 
<div class="span-24 append-bottom">
	<?php 
		if ($page == 'home'){
		$this->load->view('slak/top_konten');
		}
	?> 
</div>
<!-- end of top konten --> 
<hr class="spc">

<div class="span-24">
	<!-- MAIN KONTEN  --> 
	<div class="span-18">
		<?php $this->load->view($main_view);?> 
	</div>
	<!-- END OF MAIN KONTEN-->
	<!-- SIDEBAR --> 
	<div class="span-6 last">
		<?php $this->load->view('slak/sidebar');?>
	</div>
	<!-- END OF SIDEBAR --> 
</div>
 

<hr class="space">
<!-- footer --> 
<div class="span-24">
	<?php $this->load->view('slak/footer');?> 
</div>

<!--end of footer-->
</body>
</html>













